@media screen and (min-width: 1200px){
    h1{
        color: rgb(173, 235, 247);
    }
}

@media screen and (min-width: 980px) and (max-width: 1199px){
    h1{
        color: rgb(252, 97, 97);
    }
}

@media screen and (min-width: 768px) and (max-width: 979px){
    h1{
        color: rgb(252, 243, 168);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px){
    h1{
        color: rgb(207, 255, 193);
    }
}

@media screen and (max-width: 479px){
    h1{
        color: rgb(241, 152, 253);
    }
}